@font-face
{
font-family: OpenSans;
src: url('../fonts/OpenSans-Regular.ttf') format('truetype'),
	 url('../fonts/OpenSans-Regular.woff') format('woff'),
     url('../fonts/OpenSans-Regular.eot') format('eot'); /* IE9 */
}
@font-face
{
font-family: OpenSansCondlight;
src: url('../fonts/OpenSans-CondLight.ttf') format('truetype'),
	 url('../fonts/OpenSans-CondLight.woff') format('woff'),
     url('../fonts/OpenSans-CondLight.eot') format('eot'); /* IE9 */
}
@font-face
{
font-family: OpenSansCondlightBold;
src: url('../fonts/OpenSans-CondBold.ttf') format('truetype'),
	 url('../fonts/OpenSans-CondBold.woff') format('woff'),
     url('../fonts/OpenSans-CondBold.eot') format('eot'); /* IE9 */
}
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	color:#acb6cb;
	font-size:12px;
	font-family:OpenSans;
}
ul{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
}
#header_r,#footer{
	background:#313d53;
}
#header{
	border-bottom:5px solid #acb6cb;
}
#footer{
	border-top:5px solid #acb6cb;
}

.container{
	max-width:960px;
	padding:0px;
}
.c_container{
	padding:0px 10px;
}

a{
	color:#acb6cb;
}
a:hover,a:focus{
	color:#aab4c9;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	font-family:OpenSansCondlightBold;
}
h3{
	font-size:32px;
}
.clr_line{
	background:url(../images/header_line.png) top left repeat-x;
	width:100%;
	height:2px;
	float:left;
}

table tr th,table tr td{
	height:45px;
	line-height:45px;
	padding:0 5px;
	color:#252525;
    text-align:left !important;
}
table tr th a,table tr th {
	color:#b3b3b3;
}

table tr th{
	border-right:1px solid #313d53;
}
table tr th:first-child{
	border-left:1px solid #313d53;
}
/*************** BREADCRUMS ***************/
#breadcrumb{
	float:left;
	width:100%;
	background:#f7f7f7;
	color:#252525;
	font-size:14px;
}
#breadcrumb a{
	color:#252525;
}
/*************** HEADER ***************/
#header_r #h_top{
	padding:15px 0;
}
#ht_menu{
	float:right;

}
#ht_menu ul li{
	display:inline;
	float:left;
	padding:0 10px;
	background:url(../images/menutop_line.png) center left no-repeat;
}
#ht_menu ul li ul li{
	background:0px;
}
#ht_menu ul li:first-child{
	background:none;
}
#h_top{
	float:left;
	width:100%;
}
#ht_webcome{
	float:left;
}
#ht_email .email{
	position:relative;
	background:url(../images/menutop_email.png) top left no-repeat;
	width:13px;
	height:9px;
	float:left;
	margin-right: 5px;
    margin-top: 4px;
}
#ht_email .email #numberemail{
	background:url(../images/menutop_existemail.png) top left no-repeat;
	height: 18px;
    left: -10px;
    position: absolute;
    top: -13px;
    width: 18px;
	text-align:center;
}
.caret{
	background:url(../images/menutop_arrow.png) center left no-repeat;
	border:0px;
	width:7px;
	height:5px;
}
#h_menu{
	float:left;
	width:100%;
	
}
#h_menu #hm_logo{
	float:left;
	margin-top:20px;
}
#h_menu #hm_menu{
	float:right;
	
}
#h_menu #hm_menu ul li{
	float:left;
	font-size:18px;
}
#h_menu #hm_menu ul li a{
	float: left;
    font-family: OpenSansCondlight;
    padding: 33px 25px;
}
#h_menu #hm_menu ul li:hover,#h_menu #hm_menu ul li:focus{
	background:#232b3e;
	cursor:pointer;
	
}
#h_menu #hm_menu ul li.active,#h_menu #hm_menu ul li.open{
	background:#232b3e;
}

#h_menu #hm_menu ul li:focus a,#h_menu #hm_menu ul li.active a{
	color:#ee621e;
}

#h_menu #hm_menu ul li.open a,#h_menu #hm_menu ul li:hover a{
	color:#fff;
}
.menudropdown .dropdown-menu{
	border-radius:0px;
}
#h_menu #hm_menu .menudropdown .dropdown-menu{
	padding:0px;
	min-width:0;
}
#h_menu #hm_menu .menudropdown .dropdown-menu li a{
	padding:10px 25px ;
	background:#232B3E;
}
#h_menu #hm_menu .menudropdown .dropdown-menu li a:hover{
	color:#fff;
}
#h_menu #hm_menu .menudropdown .dropdown-menu li a{
	color:#ACB6CB;
}
.dropdown-toggle .caret{
	margin-left:10px;
}
/*************** CONTENT ***************/
#con_top{
	padding:10px 0;
	float:left;
	width:100%;
}
#con_top h3{
	float:left;
	color:#313d53;
	font-size:24px;
}
#breadcrumbs{
	float:right;
}
#breadcrumbs ul li{
	background:url(../images/breadcrums_arrow.png) center right no-repeat;
	float:left;
	display:inline;
	padding:0 15px;
}

#con_body,#con_statics{
	float:left;
	width:100%;
	
}
#con_statics{
	background:#f7f7f7;
	padding-bottom:70px;
}
#con_statics h3{
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:70px;
}
.con_clr{
	border-top:10px solid #e1e1e1;
	width:100%;
	clear:both;
}
#tabcontent{
	float:left;
	width:100%;
	background:#f7f7f7;
	height:30px;
	line-height:30px;
}

#con_body #toolbar .icon{
	width:21px;
	height:21px;
	float:left;
	margin-right:10px;
}
#tabcontent ul li{
	float:left;
	padding-right:45px;
	padding-left:10px;
	text-transform:uppercase;
	border-right:1px solid #b3b3b3;
	color:#252525;
}
#tabcontent ul li:last-child{
	border:0px;
}
#tabcontent ul li:hover{
	cursor:pointer;
	background:#f2d1c2;

}
#tabcontent ul li#current{
	background:#ee621e;
	color:#fff;
}
#tabbody{
	float:left;
	width:100%;
}
#tabbody table{
	width:100%;
}
#tablehead td{
	background:#313d53;
}
#tabbody th span{
	float:left;
}
#con_body #toolbar{
	float:left;
	width:100%;	
	margin-top:60px;
	margin-bottom:35px;
	font-family:OpenSansCondlightBold;
}
#con_body #toolbar .icon_new{
	background:url(../images/icons/new.png) top left no-repeat;
}
#con_body #toolbar .icon_send{
	background:url(../images/icons/send.png) top left no-repeat;
}
#con_body #toolbar .icon_import{
	background:url(../images/icons/import.png) top left no-repeat;
}

#con_body #toolbar span{
	color:#313d53;
	font-size:14px;
	font-weight:bold;
}
#con_body #toolbar li{
	float:left;
	display:inline;

	margin-right:20px;
	padding:7px 15px;
	background:#f7f7f7;
}
#con_body #toolbar li.item1 a.firstchild{
	background:url(../images/body_arrow.png) 95% no-repeat #f7f7f7;
	padding-right:30px;
}
#con_body #toolbar li.parent li{
	margin:0px;
	background:none;
}
#con_footer{
	float:left;
	width:100%;
	margin-bottom:100px;
	clear:both;
}
#con_footer #pag ul li{
	float:left;
	background:#f7f7f7;
	
	margin-right:13px;
}
#con_footer #pag ul li span,#con_footer #pag ul li a{
	padding:10px 13px;
	float:left;
}
#con_footer #pag ul li a:hover{
	color:#252525;
}
#con_footer #pag ul li#prev,#con_footer #pag ul li#next{
	
}
#con_footer #pag ul li#prev a{
	background:url(../images/pag_prev.png) center center no-repeat #f7f7f7;	
	width:6px;
	height:11px;
	margin:9px 4px 8px ;
}
#showpag{
	float:left;
	background:#f7f7f7;
	padding:10px 20px 10px 18px;
	color:#252525;
}
#showpag span{
	background:url(../images/pag_arrow.png) 100% no-repeat #f7f7f7;
	padding-right:20px;
}
#con_footer #pag ul li#next a{
	background:url(../images/pag_next.png) center center no-repeat #f7f7f7;
	margin:9px 4px 8px ;
	width:6px;
	height:11px;
}
thead th{
	background:#313d52;
}
#content .email{
	background:url(../images/con_email.png) center left no-repeat;
	padding-left:17px;
}
#content{
	color:#252525;
	background:#fff;
	float:left;
	width:100%;
}
table{
	border-bottom:3px solid #acb6cb;
}
table td{
	border-left:#e1e1e1 1px solid;
	border-bottom:#e1e1e1 1px solid;
}
table{
	border-right:#e1e1e1 1px solid;
}
#consearch{
	width:240px;
	height:36px;
	background:url(../images/search.png) 5% no-repeat #f7f7f7;
	float:right;
	padding-left:30px;
}
#consearch input{
	border:0px;
	background:#f7f7f7;
	margin-top:10px;
	width:190px;
}
#numberitems{
	width:100%;
	float:left;
	text-align:right;
	padding:5px 0;
}
#tabbody th .sort{
	width:9px;
	height:5px;
	float:right;
	margin-right: 10px;
    margin-top: 20px;
}
.sort.sort_asc{
	background:url(../images/sort_asc.png) no-repeat;
}
#listprice .price{
	background:url(../images/con_arrow.png) 95% no-repeat;
	padding-right:20px;
	cursor:pointer;
}

.form_left,.form_right{
	width:470px;
	float:left;
	padding-left:10px;
}
#con_form{
	margin:70px 0;
}
#content h3{
	color:#313d53;
}
#con_form form{
	margin-top:80px;
	margin-bottom:50px;
	float:left;
	width:100%;
}
#con_form label{
	font-size:14px;
	font-family:OpenSans;
	font-weight:normal;
}
#con_form .form-group{
	float:left;
	margin-bottom:10px;
}
#con_form label{
	width:160px;
	float:left;
	margin-top:5px;
}
#con_form input[type=text],#con_form select{
	width:290px;
	float:left;
	height:37px;
	line-height:37px;
}
#con_form select{
	background:#f7f7f7;
}
.form_button{
	float:left;
	width:100%;
	text-align:center;
	padding-left:32%;
	margin-top:50px;
}
.formbutton{
	color:#acb6cb;
	height:35px;
	font-size:18px;
	text-align:center;
	float:left;
	border:0px;
	padding:0 50px 0 70px;
}
#form_save{
	background:url(../images/icon_save.png) 26% no-repeat #f7f7f7;

	margin-right:20px;
	padding:0 50px 0 70px;
}
#form_cancel{
	background:url(../images/icon_cancel.png) 26% no-repeat #f7f7f7;

}
#form_approve{
	background:url(../images/icon_approve.png) 26% no-repeat #f7f7f7;
	float:right;
}
#btnapprove{
	width:380px;
	height:37px;
}
#btnapprove #btnapprove1{
	width:180px;
	float:left;
}
#btnapprove span#find{
	color:#c2c9d9;
}
#btnapprove span#invoice{
	text-transform:uppercase;
	color:#131313;
	font-weight:bold;
}
#btnapprove span{
	float:right;
	
}
.form_button1{
	margin-bottom:60px;
	margin-top:60px;
	float:left;
	width:100%;
}
.form_button1 #form_save{
	float:left;
}
.form_button1 #btnapprove{
	float:left;
	margin-left:80px;
}
.form_button1 #form_cancel{
	float:right;
}
#con_body h3{
	color:#313d53;
	margin:35px 0;
}
#form_body th{
	height:30px;
	line-height:30px;
	background:url(../images/table_colline.png) top left repeat-y #313d53;
	text-transform:uppercase;
	color:#fff;
}
#form_body td .addproduct{
	background:url(../images/icon_approve.png) top left repeat-y #313d53;
	width:9px;
	height:10px;
	float:right;
	margin-right:5px;
}
#form_body td .remove{
	*background:url(../images/icon_table_close.png) top left repeat-y #313d53;*/
	width:9px;
	height:10px;
	float:right;
	margin-right:5px;
}
#addline{
	background:url(../images/icon_add.png) top left no-repeat;
	padding:2px 30px;
	border:0px;
	margin-top:20px;
	margin-bottom:50px;
	color:#acb6cb;
}
#form_body,#form_body table{
	float:left;
	width:100%;
}
.form-control{
	border-radius:0px;
}
#con_form .inputdate {
	float:left;
	
}
#con_form .inputdate:first-child{
	margin-right:10px;
}
#con_form .inputdate label{
	float:left;
	width:auto;
	margin-right:10px;
}
#con_form .inputdate input{
	width:160px;
	
}
.tablefooter{
	float:left;
	width:100%;
	margin-top:10px;
}
.form_position1{
		float:left;
		width:100%;
		padding-bottom:35px;
}
.form_position2{
	border-top:1px solid #acb6cb;
	float:left;
	padding-top:35px;
}
.pos1,.pos2,.pos3{
	float:left;
	width:300px;
}
.pos1{
	height:50px;
}
.posprice{
	height:50px;
	font-size:18px;
	font-family:OpenSansCondlightBold;
	padding:0 5px;
}
.posprice p{
	margin:0px;
	width:100%;
	float:left;
}
.posprice .price{
	float:right;
}
.pos2{
	color:#313d53;
}
.pos3{
	background:#ee621e;
	color:#fff;
	border:2px solid #f9a67e;
	float:right;
}
.con_history{
	float:left;
	width:100%;
	padding:30px 0 80px;
}

#con_form  #reference input{
	width:240px !important;
}
#con_form #reference .attach{
	width:37px;
	height:37px;
	background:url(../images/attach.png) center left no-repeat;
	float:left;
	border:0px;
	margin-left:7px;
}
.ta_label{
	float:left;
}
#con_form #amounts{
	float:right;
}
#amounts select{
	width:165px;
}
.form_button1{
	width:100%;
	float:left;
}
.form_left h3{
	margin-bottom:20px;
}
.box_content{
	float:left;
	width:450px;
	background:url(../images/icon_li.png) top left no-repeat;
	padding-left:50px;
}
.box_content .head_info{
	color:#313d53;
	font-size:18px;
	font-weight:bold;
}
.box_home{
	width:100%;
	float:left;
	margin:40px 0;
}
.box_home .box_home1{
	float:left;
	width:220px;
	position:relative;
	
	
}
.box_home:first-child{
	border-bottom:2px solid #e1e1e1;
}
.box_home .box_home1 .des_note{
	height:35px;
	line-height:35px;
	background:#000;
	opacity:0.5;
	position:absolute;
	width:100%;
	bottom:0px;
	text-align:center;
}
.box_home .box_home1 img{
	border:3px solid #e1e1e1;
}
.box_home .box_home1 .des_note span{
	color:#fff;
	opacity:1;
	font-weight:bold;
}
.box_home .box_home3{
	width:710px;
	float:right;
}
.box_home .box_home3 .box_line{
	background:url(../images/box_line.png) top left repeat-x;
	position:relative;
	width:580px;
	height:2px;
	margin:0 auto;
}
.box_home .box_home3 .box_line .box_title{
	padding:0 20px;
	background:#f7f7f7;
	
	top:-12px;
	position:absolute;
	left:220px;
}
.line_home{
	clear:both;
	background:url(../images/home_line.png) top left repeat-x;
	height:4px;
	width:100%;
}
.statics{
	float:right;
	margin-top:45px;
	font-size:14px;
}
.statics .date{
	font-size:12px;
	color:#8b8b8b;
}
.statics .price{
	color:#313d53;
	font-size:18px;
	font-weight:bold;
}
.box_statics_info{
	float:left;
	width:100%;
	padding-top:15px;
}
.box_statics_info:first-child{
	border-bottom:1px solid #fff;
}
.des_statics{
	width:220px;
	float:left;
}
.img_statics{
	width:447px;
	float:right;
}

.box_home .box_home3 .box_line .box_title h4{
	color:#3e495e;
	font-weight:bold;
}
.box_static_f{
	height:232px;
	float:left;
}
#box_static_def a{
	color:#ef763b;
}
.form_input input{
	background:url(../images/icon_arrow_input.png) 95% no-repeat #f7f7f7;
}
/*************** SLIDESHOWS ******************/
#slideshow{
	position:relative;
}
#slideshow .nav{
	position:absolute;
	top:200px;
	width:100%;
}
#slideshow .nav .btnnav{
	width:960px;
	margin:0 auto;
}
#slideshow .nav .btnnav #prev{
	float:left;
}
#slideshow .nav .btnnav #next{
	float:right;
}
#slideshow .nav .description{
	width:388px;
	
	height:120px;
	position:absolute;
	margin-left:100px;
	top:100px;
	
	color:#fff;
	
}
#slideshow .nav .description #info{
	padding:25px 40px;
	width:348px;
	height:122px;
	float:left;
	opacity:0.8;
	background:#424c5d;
}
#slideshow .nav .description #btnnext{
	width:40px;
	height:122px;
	background:url(../images/slide_next.png) no-repeat center center #232b3e;
	float:right;
}
#slideshow .nav .description h3{
	font-family:OpenSansCondlightBold;
	font-size:32px;
}
#slides_pag{
	float:left;
	width:100%;
	
}
#slides_pag ul{
	margin:0 auto;
	width:50px;
}
#slides_pag ul li{
	float:left;
	margin-right:5px;
}
#slides_pag ul li#slide_active span{
	background:url(../images/slide_row_active.png) no-repeat center center ;
}
#slides_pag ul li span{
	width:9px;
	height:9px;
	background:url(../images/slide_row.png) no-repeat center center ;
	float:left;
}
/*************** Slogan ***************/
#slogan{
	width:100%;
	height:186px;
	background:#313d53;
	
}
.slogan_line h3{ 
	position:absolute;
	left:270px;
	top:-17px;
	padding:0 20px;
	background:#313d53;
}
.slogan_line{
	background:url(../images/header_line.png) top left repeat-x;
	width:725px;
	height:2px;
	margin:0 auto;
	position:relative;
	margin-top:45px;
}
#des_slogan{
	margin-top:30px;
	float:left;
}
#des_slogan .des_slogan_content{
	width:820px;
	float:left;
	font-size:14px;
	font-family:OpenSansCondlight;
	font-style:italic;
}
.author{
	text-align:right;
	font-style:normal;
	font-weight:bold;
}
#des_slogan .des_slogan_right{
	float:right;
	background:url(../images/slogan_right.png) bottom right no-repeat;
	width:60px;
	height:70px;
}

#des_slogan .des_slogan_left{
	float:left;
	background:url(../images/slogan_left.png) top left no-repeat;
	width:60px;
	height:70px;
}
#content a:hover{
	color:#252525;
}
/*************** FOOTER ***************/
#footer h3{
	color:#fff;
	font-family:OpenSansCondlightBold;
}
#f_social{
	float:left;
	width:100%;
	padding-bottom:20px;
	padding-top:30px;
}
#f_social #fs_newsletter{
	float:left;
	width:55%;
}
#f_social #fs_newsletter h3{
	float:left;
}
#f_social #box_newsletter{
	border:1px solid #acb6cb;
	padding:7px 5px;
	float:left;
	margin-left:10px;
	width:260px;
	margin-top:3px;
}
#f_social #box_newsletter input[type='text']{
	background-color:transparent;
	border: 0px solid;
	border:0px;
	margin:0 15px;
	color:#acb6cb;
	width:180px;
	float:left;
}
#f_social #box_newsletter input[type='submit']{
	background:url(../images/newletter_submit.png) center left no-repeat transparent;
	border: 0 none;
    float: right;
    height: 19px;
    margin-right: 10px;
    width: 11px;
}
#f_social #box_newsletter input:focus{
	outline: 0;
}
#fs_social{
	float:right;
}
#fs_social ul li{
	float:left;
	margin-right:15px;	
}
#f_contact{
	margin-top:50px;
	float:left;
	margin-bottom:50px;
}

#f_contact #mapcontact{
	border:5px solid #6f7a8f;
	float:left;
}
#contact_info{
	float:right;
	text-align:center;
	width:200px;
	margin:0 50px;
}
#contact_info .boxcontact{
	margin-top:30px;
}
#f_copyright{
	float:left;
	width:100%;
	padding:15px 0;
	position:relative;
}
#f_copyright #fc_menu ul li{
	float:left;
	background:url(../images/menutop_line.png) center left no-repeat;
	display:inline;
	padding:0 15px;
}
#f_copyright #fc_menu ul li:first-child{
	background:none;
}
#fc_copyright{
	float:right;
}
#backtotop{
	width:62px;
	height:62px;
	background:url(../images/button_top.png) center left no-repeat;
	position:absolute;
	right: 45%;
    top: -30px;
}
#backtotop:hover{
	cursor:pointer;
}